@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, i, b, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: normal;
    font-style: normal;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
a,u{
    text-decoration: none;
}
input[type="text"],input[type="password"],textarea,select,button{
    font-size: 1rem;
    font-family: Microsoft YaHei,SimSun,Arial;
    -webkit-appearance: none;
    resize: none;
    border:0;
    outline: 0;
    -webkit-user-select: text;
}
li{
    list-style: none;
}
table{
    border-collapse: collapse;
    border-spacing: 0;
}
html{
    max-width:640px;
    margin:0 auto;
    background:#ffeec8 url(../../images/member/ic_beijing.png) no-repeat center top;
    background-size:100% cover;
    width:100%;
    height:100%;
    padding-bottom:3rem;
}
body{
    font-family:'微软雅黑','黑体',sans-serf;
    line-height: 1.2;
    color: #000;
}
img, video{
    width: 100%;
    border:0;
}
*{
    box-sizing: border-box;
    /*-webkit-user-select:none;*/
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    padding: 0;
    margin: 0;
    font-size: 1rem;
}
.loading{
    width: 100%;
    height: 100%;
    background: url(../../images/member/loading.gif) center 20px no-repeat #fff;
    position: fixed;
    left: 0;
    z-index: 9999;
    top:0;
}
/*header{
    z-index:99;
    position: fixed;
    width: 100%;
    top: 0;
    max-width: 640px;
    background-color:#393939;
    height: 3rem;
    line-height:3rem;
    color:#fff;
    overflow:hidden;
}
.header_close{
    width:4rem;
    height:3rem;
    display:inline-block;
    background-image:url(../../images/member/ic_guanbi.png), url(../../images/member/ic_fenxian.png);
    background-repeat:no-repeat, no-repeat;
    background-position:center center, 3.3rem center;
    background-size:1rem 1rem, 1px 1.6rem;
    vertical-align:middle;
}*/
.footer{
    z-index:99;
    position: fixed;
    width: 100%;
    bottom: 0;
    max-width: 640px;
    background:#ffeec8;
    height: 3rem;
    line-height:3rem;
    overflow:hidden;
}
.footer a{
    width:50%;
    height:3rem;
    background:rgba(255,255,255,0.8);
    color:#ffa34a;
    font-size:1rem;
    text-align:center;
    display:inline-block;
    float:left;
}
.footer a.cur{
    background:#ffa34a;
    color:#fff;
}
.page{
    width:100%;
    height:100%;
    padding:1% 2%;
}
/*index.html页面*/
.index_dv1{
    width:100%;
    height:10rem;
    border-radius:0.5rem;
    background:rgba(255,255,255,0.8);
    overflow:hidden;
}
.index_dv1_dv{
    width:100%;
    height:5rem;
    background:#ffa34a;
}
.index_dv1_title{
    width:4rem;
    height:4rem;
    display:block;
    border-radius:0.5rem;
    float:left;
    background:url(../../images/member/user.png) no-repeat center center;
    background-size:4rem 4rem;
    margin:0.5rem;
}
.index_dv1_dl{
    line-height:1.8rem;
    padding:0.6rem 0;
}
.index_dv1_dl dt{
    float:left;
    color:#8c2100;
    margin-left:1.5rem;
    font-size:0.8rem;
}
.index_dv1_dl dd{
    float:left;
    color:#fff;
    font-size:0.8rem;
}
.index_dv1_span{
    font-weight:bold;
    color:#ff7800;
    display:inline-block;
    margin-right:0.5rem;
}
.index_dv1_buybtn{
    width:6rem;
    height:2.4rem;
    margin-top:1.3rem;
    display:inline-block;
    background:url(../../images/member/ic_goumai.png) no-repeat center center;
    background-size:5.75rem 2.25rem;
    float:right;
}
.index_dv2{
    width:100%;
    /*height:15rem;*/
    padding-top:0.2rem;
}
.index_dv2_p{
    width:100%;
    height:3rem;
    line-height:3.5rem;
    background:url(../../images/member/ic_changdishebei-.png) no-repeat center center;
    background-size:100% 3rem;
    color:#8c2100;
    font-size:0.8rem;
    text-indent:0.5rem;
}
.index_dv2_coin{
    background:rgba(255,255,255,0.8);
    color:#ff7800;
    text-align:center;
    padding:2rem 1rem;
    border-bottom-left-radius:0.5rem;
    border-bottom-right-radius:0.5rem;
}
.index_dv2_numb{
    font-size:1.9rem;
    font-weight:bold;
}
.index_dv2_left{
    width:2rem;
    height:2rem;
    line-height:2rem;
    display:inline-block;
    background:url(../../images/member/anniu.png) no-repeat center center;
    background-size:1.8rem 1.8rem;
    float:left;
}
.index_dv2_left:active{
    background:url(../../images/member/anniuyes.png) no-repeat center center;
    background-size:1.8rem 1.8rem;
}
.index_dv2_right{
    width:2rem;
    height:2rem;
    line-height:2rem;
    display:inline-block;
    background:url(../../images/member/anniuadd.png) no-repeat center center;
    background-size:1.8rem 1.8rem;
    float:right;
}
.index_dv2_right:active{
    background:url(../../images/member/anniuaddyes.png) no-repeat center center;
    background-size:1.8rem 1.8rem;
}
.index_dv2_btn{
    width:10rem;
    height:3.5rem;
    line-height:2rem;
    display:inline-block;
    background:url(../../images/member/ic_toubi.png) no-repeat center center;
    background-size:auto 3.5rem;
    margin-top:2rem;
}
.index_dv2_btn:active{
    background:url(../../images/member/ic_toubiyes.png) no-repeat center center;
    background-size:auto 3.5rem;
}
.index_dv3{
    width:100%;
    height:3rem;
    line-height:3rem;
    text-align:center;
    color:#8c2100;
    background:rgba(255,255,255,0.8);
    border-radius:0.5rem;
    margin:0.8rem 0 3.5rem 0;
    font-size:0.9rem;
}

/*购币套餐*/
.index_dv2_combo{
    width:100%;
    color:#ff7800;
    background:rgba(255,255,255,0.8);
    border-bottom-left-radius:0.5rem;
    border-bottom-right-radius:0.5rem;
    padding:0.5rem;
    box-sizing:border-box;
}
.index_dv2_combop{
    width:100%;
    height:2rem;
    line-height:2rem;
    background:#fff;
    border-radius:0.3rem;
    margin:0.1rem auto 0.5rem;
    padding:0 0.5rem;
    box-sizing:border-box;
}
.index_dv2_combop span:nth-child(1){
    font-size:0.8rem;
    float:left;
}
.index_dv2_combop span:nth-child(2){
    font-size:0.8rem;
    float:right;
}
.index_dv2_comboul{
    width:100%;
    padding:0.5rem 0;
    min-height:6.5rem;
    background:#fff;
    border-radius:0.5rem;
    float:left;
}
.index_dv2_comboul li{
    width:33.3%;
    height:6rem;
    text-align:center;
    float:left;
}
.index_dv2_comboul li a{
    width:4.5rem;
    height:4.5rem;
    display:inline-block;
    background:url(../../images/member/taocan1.png) no-repeat center center;
    background-size:4rem 4rem;
}
.index_dv2_comboul li a:active, .index_dv2_comboul li a.cur{
    background:url(../../images/member/taocan1yes.png) no-repeat center center;
    background-size:4rem 4rem;
}
.index_dv2_cbspan1{
    font-size:1.3rem;
    line-height:2rem;
    color:#8c2100;
    display:block;
    margin-top:0.7rem;
}
.index_dv2_cbspan2{
    font-size:0.7rem;
    color:#8c2100;
    display:block;
}
.index_dv2_cbspan3{
    width:5rem;
    margin:0 auto;
    font-size:0.8rem;
    background-image:url(../../images/member/ix_huo.png), url(../../images/member/ic_song.png);
    background-repeat:no-repeat, no-repeat;
    background-position:0.9rem center, 1.7rem center;
    background-size:0.6rem, 0.8rem;
    text-indent:1.6rem;
}

.index_page{
    animation:indexMove 0.4s linear;
    -webkit-animation:indexMove 0.4s linear;
    -moz-animation:indexMove 0.4s linear;
    -ms-animation:indexMove 0.4s linear;
    -o-animation:indexMove 0.4s linear;
}
@keyframes indexMove{
    0%{
        transform-origin:center bottom; transform:scale(0);
        -webkit-transform-origin:center bottom; -webkit-transform:scale(0);
        -moz-transform-origin:center bottom; -moz-transform:scale(0);
        -ms-transform-origin:center bottom; -ms-transform:scale(0);
        -o-transform-origin:center bottom; -o-transform:scale(0);
    }
    50%{
        transform-origin:center bottom; transform:scale(0.5);
        -webkit-transform-origin:center bottom; -webkit-transform:scale(0.5);
        -moz-transform-origin:center bottom; -moz-transform:scale(0.5);
        -ms-transform-origin:center bottom; -ms-transform:scale(0.5);
        -o-transform-origin:center bottom; -o-transform:scale(0.5);
    }
    100%{
        transform-origin:center bottom; transform:scale(1);
        -webkit-transform-origin:center bottom; -webkit-transform:scale(1);
        -moz-transform-origin:center bottom; -moz-transform:scale(1);
        -ms-transform-origin:center bottom; -ms-transform:scale(1);
        -o-transform-origin:center bottom; -o-transform:scale(1);
    }
}

/*record.html页面*/
.record_body{
    animation:recordMove 0.2s linear;
    -webkit-animation:recordMove 0.2s linear;
    -moz-animation:recordMove 0.2s linear;
    -ms-animation:recordMove 0.2s linear;
    -o-animation:recordMove 0.2s linear;
}
@keyframes recordMove{
    0%{margin-left:100%;}
    50%{margin-left:50%;}
    100%{margin-left:0%;}
}
@-webkit-keyframes recordMove{
    0%{margin-left:100%;}
    50%{margin-left:50%;}
    100%{margin-left:0%;}
}
@-moz-keyframes recordMove{
    0%{margin-left:100%;}
    50%{margin-left:50%;}
    100%{margin-left:0%;}
}
@-ms-keyframes recordMove{
    0%{margin-left:100%;}
    50%{margin-left:50%;}
    100%{margin-left:0%;}
}
@-o-keyframes recordMove{
    0%{margin-left:100%;}
    50%{margin-left:50%;}
    100%{margin-left:0%;}
}
/*上一页*/
.record_page_prev{
    animation:recordPrevMove 0.4s linear;
    -webkit-animation:recordPrevMove 0.4s linear;
    -moz-animation:recordPrevMove 0.4s linear;
    -ms-animation:recordPrevMove 0.4s linear;
    -o-animation:recordPrevMove 0.4s linear;
}
@keyframes recordPrevMove{
    0%{transform-origin:left bottom; transform:scale(0);}
    50%{transform-origin:left bottom; transform:scale(0.5);}
    100%{transform-origin:left bottom; transform:scale(1);}
}
@-webkit-keyframes recordPrevMove{
    0%{-webkit-transform-origin:left bottom; -webkit-transform:scale(0);}
    50%{-webkit-transform-origin:left bottom; -webkit-transform:scale(0.5);}
    100%{-webkit-transform-origin:left bottom; -webkit-transform:scale(1);}
}
@-moz-keyframes recordPrevMove{
    0%{-moz-transform-origin:left bottom; -moz-transform:scale(0);}
    50%{-moz-transform-origin:left bottom; -moz-transform:scale(0.5);}
    100%{-moz-transform-origin:left bottom; -moz-transform:scale(1);}
}
@-ms-keyframes recordPrevMove{
    0%{-ms-transform-origin:left bottom; -ms-transform:scale(0);}
    50%{-ms-transform-origin:left bottom; -ms-transform:scale(0.5);}
    100%{-ms-transform-origin:left bottom; -ms-transform:scale(1);}
}
@-o-keyframes recordPrevMove{
    0%{-o-transform-origin:left bottom; -o-transform:scale(0);}
    50%{-o-transform-origin:left bottom; -o-transform:scale(0.5);}
    100%{-o-transform-origin:left bottom; -o-transform:scale(1);}
}
/*下一页*/
.record_page_next{
    animation:recordNextMove 0.4s linear;
    -webkit-animation:recordNextMove 0.4s linear;
    -moz-animation:recordNextMove 0.4s linear;
    -ms-animation:recordNextMove 0.4s linear;
    -o-animation:recordNextMove 0.4s linear;
}
@keyframes recordNextMove{
    0%{transform-origin:right bottom; transform:scale(0);}
    50%{transform-origin:right bottom; transform:scale(0.5);}
    100%{transform-origin:right bottom; transform:scale(1);}
}
@-webkit-keyframes recordNextMove{
    0%{-webkit-transform-origin:right bottom; -webkit-transform:scale(0);}
    50%{-webkit-transform-origin:right bottom; -webkit-transform:scale(0.5);}
    100%{-webkit-transform-origin:right bottom; -webkit-transform:scale(1);}
}
@-moz-keyframes recordNextMove{
    0%{-moz-transform-origin:right bottom; -moz-transform:scale(0);}
    50%{-moz-transform-origin:right bottom; -moz-transform:scale(0.5);}
    100%{-moz-transform-origin:right bottom; -moz-transform:scale(1);}
}
@-ms-keyframes recordNextMove{
    0%{-ms-transform-origin:right bottom; -ms-transform:scale(0);}
    50%{-ms-transform-origin:right bottom; -ms-transform:scale(0.5);}
    100%{-ms-transform-origin:right bottom; -ms-transform:scale(1);}
}
@-o-keyframes recordNextMove{
    0%{-o-transform-origin:right bottom; -o-transform:scale(0);}
    50%{-o-transform-origin:right bottom; -o-transform:scale(0.5);}
    100%{-o-transform-origin:right bottom; -o-transform:scale(1);}
}
/*返回*/
.record_return{
    animation:recordReturnMove 0.4s linear;
    -webkit-animation:recordReturnMove 0.4s linear;
    -moz-animation:recordReturnMove 0.4s linear;
    -ms-animation:recordReturnMove 0.4s linear;
    -o-animation:recordReturnMove 0.4s linear;
}
@keyframes recordReturnMove{
    0%{transform-origin:center bottom; transform:scale(1);}
    50%{transform-origin:center bottom; transform:scale(0.5);}
    100%{transform-origin:center bottom; transform:scale(0);}
}
@-webkit-keyframes recordReturnMove{
    0%{-webkit-transform-origin:center bottom; -webkit-transform:scale(1);}
    50%{-webkit-transform-origin:center bottom; -webkit-transform:scale(0.5);}
    100%{-webkit-transform-origin:center bottom; -webkit-transform:scale(0);}
}
@-moz-keyframes recordReturnMove{
    0%{-moz-transform-origin:center bottom; -moz-transform:scale(1);}
    50%{-moz-transform-origin:center bottom; -moz-transform:scale(0.5);}
    100%{-moz-transform-origin:center bottom; -moz-transform:scale(0);}
}
@-ms-keyframes recordReturnMove{
    0%{-ms-transform-origin:center bottom; -ms-transform:scale(1);}
    50%{-ms-transform-origin:center bottom; -ms-transform:scale(0.5);}
    100%{-ms-transform-origin:center bottom; -ms-transform:scale(0);}
}
@-o-keyframes recordReturnMove{
    0%{-o-transform-origin:center bottom; -o-transform:scale(1);}
    50%{-o-transform-origin:center bottom; -o-transform:scale(0.5);}
    100%{-o-transform-origin:center bottom; -o-transform:scale(0);}
}


.record_title, .record_list{
    width:100%;
    height:3rem;
    background:#ffa34a;
    color:#fff;
    line-height:3rem;
    float:left;
}
.record_list{
    height:4rem;
    background:#fff;
    color:#666;
    margin-bottom:0.5rem;
}
.record_title li, .record_list li{
    height:3rem;
    float:left;
    font-size:0.8rem;
    text-align:center;
    padding:0 0.3rem;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.record_list li{
    height:4rem;
    padding:0.5rem 0.3rem;
}
.record_title li:nth-child(1), .record_list li:nth-child(1){
    width:25%;
    text-align:left;
}
.record_title li:nth-child(2), .record_list li:nth-child(2){
    width:25%;
    text-align:left;
}
.record_title li:nth-child(3), .record_list li:nth-child(3){
    width:22%;
}
.record_title li:nth-child(4), .record_list li:nth-child(4){
    width:14%;
}
.record_title li:nth-child(5), .record_list li:nth-child(5){
    width:14%;
}
.record_title li:nth-child(1){
    text-indent:0.5rem;
}
.record_list li:nth-child(1), .record_list li:nth-child(2){
    margin-top:0.5rem;
}
.record_list li:nth-child(5).cur{
    color:#f00;
}
.record_list p{
    line-height:1rem;
    font-size:0.7rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.record_footer{
    z-index:99;
    position: fixed;
    width: 100%;
    bottom: 0;
    max-width: 640px;
    background:#ffeec8;
    height: 3rem;
    line-height:3rem;
    overflow:hidden;
}
/*.record_footer a{
    width:33.33%;
    height:3rem;
    background:rgba(255,163,74,0.6);
    color:#fff;
    font-size:1rem;
    text-align:center;
    display:inline-block;
    float:left;
}
.record_footer a.cur{
    background:rgba(255,255,255,0.8);
    color:#ffa34a;
}
.record_footer a:active{
    background:#ffa34a;
    color:#fff;
}*/

.record_prev, .record_next{
    width:33.33%;
    height:3rem;
    background:rgba(255,163,74,0.6);
    color:#fff;
    font-size:1rem;
    text-align:center;
    display:inline-block;
    float:left;
}
.record_prev.cur, .record_next.cur{
    background:#ccc;
}
.record_returnbtn{
    width:33.33%;
    height:3rem;
    font-size:1rem;
    text-align:center;
    display:inline-block;
    float:left;
    background:rgba(255,255,255,0.8);
    color:#ffa34a;
}
.record_prev:active, .record_next:active{
    background:#ffa34a;
}
.record_prev.cur:active, .record_next.cur:active{
    background:#ccc;
}

/*公用提示窗*/
.common_pointpage_dv{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:9998;
}
.common_pointpage{
    width:15rem;
    height:9rem;
    text-align:center;
    margin:0 auto;
    background:#FFF;
    border-radius:0.3rem;
    position:relative;
    top:50%;
    margin-top:-4.5rem;
    overflow:hidden;
    z-index:9999;
}
.common_pointpage p{
    height:3rem;
    line-height:3rem;
    padding-top:5.5rem;
    background:url(../../images/member/point.png) no-repeat center 2rem;
    background-size:3.2rem;
    font-size:1rem;
    text-align:center;
    text-indent:0;
}
.common_pointpage p.cur{
    background:url(../../images/member/chenggong.gif) no-repeat center 2rem;
    background-size:3.2rem;
}

